<!-- 系统设置 -->
<template>
    <div class="dashboard-editor-container main-conent-minheight">
        <div class="main-header">
            <el-row :gutter="10">
                <el-col :sm="12" :md="12" :lg="12">
                    <System ref="System" @changeData="changeData"></System>
                </el-col>
                <el-col :sm="12" :md="12" :lg="12">
                    <email-server ref="emailServer"></email-server>
                </el-col>
            </el-row>
            <el-row :gutter="10">
                <el-col :sm="12" :md="12" :lg="12">
                    <remoteAssistanceConfiguration ref="authorization"></remoteAssistanceConfiguration>
                </el-col>
                <el-col :sm="12" :md="12" :lg="12">
                    <authorization ref="authorization"></authorization>
                </el-col>
            </el-row>
            <el-row :gutter="10">
                <el-col :sm="24" :md="24" :lg="24">
                    <SystemParameter ref="SystemParameter" @changeData="changeData"></SystemParameter>
                </el-col>
            </el-row>
            <!-- <el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"> -->
            <!-- <el-tab-pane label="系统时间" name='systemTime'>
                <system-time v-if="activeName === 'systemTime'" ></system-time>
                </el-tab-pane>
                <el-tab-pane label="邮件服务器" name='emailServer'>
                    <email-server v-if="activeName === 'emailServer'"></email-server>
                </el-tab-pane> -->
            <!-- <el-tab-pane label="系统参数" name='System'> -->
            <!-- </el-tab-pane> -->
            <!-- </el-tabs> -->
        </div>
    </div>
</template>

<script>
import systemTime from './components/configuration/systemTime.vue'
import emailServer from './components/configuration/emailServer.vue'
import remoteAssistanceConfiguration from './components/configuration/remoteAssistanceConfiguration.vue'
import authorization from './components/configuration/authorization.vue'
import SystemParameter from './components/configuration/SystemParameter.vue'
import System from './components/configuration/System.vue'
// import  routingSetting  from './components/network_settings/routingSetting.vue'
// import dnsServer from './components/network_settings/DNSServer.vue'
export default {
    components: {
        emailServer,
        systemTime,
        System,
        SystemParameter,
        authorization,
        remoteAssistanceConfiguration
    },
    data() {
        return {
            activeName: 'systemTime',
        }
    },
    created() {
    },
    methods: {
        handleClick(tab) {
            if (tab.name === 'systemTime') {
                this.tabName = 'systemTime'
            } else if (tab.name === 'emailServer') {
                this.tabName = 'emailServer'
            } else {
                this.tabName = 'System'
            }
        },
        changeData(ref){
            this.$refs[ref].getData()
        }
    }
}
</script>

<style lang="scss" scoped>
>>>.el-tabs__nav-scroll {
    width: 301px;
}
</style>